<template>
  <h2>👦子组件</h2>
  <!-- <div>{{ car }}</div>
  <div>{{ money }}</div>
  <button @click="handleClick">子组件触发</button> -->
  <SonSon></SonSon>
</template>

<script setup lang="ts">
import SonSon from "./SonSon.vue";

interface Props {
  money?: number;
  car: string;
}

// 如果想要在 `<script>` 中也访问 `props` 属性，应该接收返回值
const props = defineProps<Props>();
//  defineProps 不需要引入
console.log(props);

// 定义 Emits - 子传父(自定义事件)
const emit = defineEmits(["xiu"]);
const handleClick = () => {
  // 触发自定义事件，并传递给父组件一些数据
  emit("xiu", 10000);
};
</script>